
/*banner*/
.banner{
	width: 100%;
	height: 600px;
	position: relative;
}
.banner .bd li{
	width: 100%;
	float: left;
	height: 600px;
	cursor: pointer;
}
.banner .bd li img{
	width: 100%;
}
.banner .hd ul{
	overflow: hidden;
	position: absolute;
	bottom: 38px;
	left: 37%;
	z-index: 1000;
}
.banner .hd li{
	width: 86px;
	height: 14px;
	float: left;
	margin-left: 28px;
	cursor: pointer;
	background-color: rgb(174,197,171);
}
.banner .hd li.on{
	background: blue;
	color: #fff;
}
/*main*/
.main{
	overflow: hidden;
}
.about_us{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.title{
	width: 1040px;
	margin:45px auto;
	position: relative;
	background: url(../img/line.png);
	background-repeat:no-repeat ;
	background-position: center;
	width: 100%;
}
.title h2,
.title h5{
	text-align: center;
	color: #1E3181;
	font-weight: normal;
}
.title h2{
	font-size: 30px;
	line-height: 35px;
}
.title h5{
	font-size: 18px;
	line-height: 33px;
}
.about_us .pic {
	float: left;
}
.about_us .pic img{
	display: block;
}
.about_us .content{
	width: 540px;
}
.about_us .content h3{
	font-size: 24px;
	color: #161616;
	margin: 25px 0;
	font-weight: normal;
	float: left;
}
.about_us .content p{
	float: left;
	text-indent: 2em;
	font-size: 16px;
	color: #414141;
	line-height: 25px;
	letter-spacing: 1px;
	margin-bottom: 22px;
	text-align: justify;
}
.more{
	background-image: url(../img/more.png);
	float: right;
	font-size: 22px;
	text-align: center;
	line-height: 40px;
	padding: 0 6px;
}
.more a{
	color: white;
}
.product{
	overflow: hidden;
}
.product .pro_list li{
	float: left;
	width: 30.4%;
	max-width: 365px;
	margin-right: 40px;
}
.product .pro_list .pic{
	width:365px;
	position: relative;
}
.product .pro_list .pic img{
	width:100%;
	height: 381px;
	display: block;	
}
.product .pro_list .pic a{
	width:365px;
	height: 381px;
	display: block;	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	background: url("../img/idx-pro4.png");
}
.product .pro_list li:hover .pic a{
	background: url("../img/idx-pro.png");
}
.product .pro_list .text{
	width: 365px;
	background: #fff;
	margin-bottom: 20px;
}
.product .pro_list .text a{
	font-size: 20px;
	color: #0a0a0a;
	display: block;
	line-height: 36px;
	text-align: center;
	padding-bottom: 5px;
}
.product .pro_list li:hover .text a{
	text-decoration: underline;
	color: #1e2f75;
}
.news{
	overflow: hidden;
}
.news .news_left{
	width: 600px;
}
.news .news_left img{
	width: 600px;
	height: 332px;
	display: block;
}
.news .news_left p{
	background-color: #ebebeb;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news .news_left a{
	display: block;
}
.news .news_left p a{
	font-size: 16px;
	color: #4d4d4d;
	text-align: center;
}
.news_right{
	width: 573px;
	margin-bottom: 45px;
	float: right;
}
.news_right .date{
	display: block;
	float: left;
	width: 82px;
	margin: 0;
}
.news_right .date i{
	display: block;
	font-style: normal;
	font-size:48px;
	color: #292929;
	text-align: center;
	line-height: 58px;
}
.news_right .date span{
	color: #686868;
	font-size: 12px;
	display: block;
	text-align: center;
	margin: -6px 0 10px 0;
}
.news_right img{
	margin-top: 16px;
	float: left;
}
.news_right .text{
	float:left;
	width: 450px;
	margin:7px 18px 3px 18px;
}
.news_right ul{
	overflow: hidden;
}
.news_right .text h3 a{
	font-size: 16px;
	color: #232323;
}
.news_right .text p{
	font-size: 12px;
	color: #686868;
	margin-top: 5px;
	line-height: 20px;
}
.news_right li{
	float: left;
	background-color: #ebebeb;
	margin-bottom: 20px;
}
.news_right li:last-child{
	margin-bottom: 0px;
}
.news_right li:hover .text h3 a,
.news_right li:hover .text a span{
	color: #1e2f75;
}
.news_right .text a span{
	float: right;
	margin-top: -20px;
}
